@charset "utf-8";
@media(max-width: 1400px){
	.index_about .e1{width: 80%;margin-top: 20px;font-size: 25px;}
	.index_about .e2{width: 80%;margin-top: 20px;font-size: 20px;}
}
@media(max-width: 1240px){
	.featured .des .list{margin: 10px 15px;}
	.featured .des .list:last-child{margin: 10px 15px;}
}
@media(max-width: 1240px){
	body{width: 100%;}
	#header{width: 100%;}
	.search_box{margin-right: 10px;}
	.wide{width: 96%;margin: 0 2%;}
	#nav .list a{padding: 0 30px;}
	#footer .nav{text-align: center;}
	#footer .nav .list{width: 350px;margin: 0 70px;}
	#footer .nav .list.mr0{margin: 0 70px;}
	#footer .copyright{margin-left: 10px;}
	#footer .share{margin-right: 10px;}
	
	.choose .brief{width: 90%;margin: 0 5%;}
	.choose .content .list{margin:0 80px 50px 80px;}
	.featured .top_tab{text-align: center;}
	.featured .top_tab .list{width: 200px;padding: 10px 0;margin: 10px 10px;}
	.featured .top_tab .list:last-child{margin: 0 10px;}
	.index_info .content_right{width: 60%;overflow: hidden;}
	.index_info .list .detail{width: 50%;}
	.index_info .list .photo{display: none;}
	.partner{text-align: center;overflow-x: hidden;}
	.partner .list{margin: 20px 50px;}
	.partner .list.mr0{margin: 20px 50px;}
	.case .content{width: 100%;display: none;}
	.case .content_1200{width: 100%;display: block;}
	.featured .des .list{margin: 10px 15px;}
	.featured .des .list:last-child{margin: 10px 15px;}
	.featured .content{text-align: center;}
	.main_left{display: none;}
	.main_right{width: 96%;margin: 46px 2%;}
	.products .main_right ul li{margin: 15px;}
	.products .main_right ul li.mr0{margin: 15px;}
	.case_detail .main_right ul{text-align: center;}
	.case_detail .main_right ul li{margin: 15px;}
	.case_detail .main_right ul li.mr0{margin: 15px;}
	.main_right .content{width: 100%}
	.article .top_tab{text-align: center;}
	.article .top_tab .list{height: 35px;line-height: 35px;}
	.article .top_tab .list a{font-size: 16px;}
	.article .top_tab .list.on em{display: none;}
	.article .main_right{width: 96%;}
	.article .main_right .wide{width: 96%;margin: 0 2%;}
	.info .main_right, .info .main_right .content{width: 96%;}
	.info .main_right .detail{width: 65%;}
	.products .main_right ul{text-align: center;}
	.goods{margin-top: 46px;}
	.goods .photo{width: 400px;height: 600px;}
	.goods .big_img{width: 400px;height: 400px;}
	.goods .small_img,.goods .small_img .scroll{width: 400px;}
	.bx-wrapper{max-width: 300px !important;}
	.goods .content{width: 635px;}
	.goods_inquiry{margin-top: 46px;}
	.contact .description{width: 96%;}
	.contact{text-align: center;}
	.contact .list{text-align: left;}
	.contact .address,.contact .phone,.contact .email{margin: 35px 30px;}
	.feedback{margin-top: 46px;}
	.faq .list .question .detail{width: 70%;}
	.faq .list .answer .detail{width: 70%;}
	#menu_bar{display: block;}
	#menu_bar .main_left{display: block;background: white;margin-top: 0;}
	.leftBtn{display: block;}
	.location{width: 90%;margin: 0 auto;border: none;}
	.video .video_content{width: 100%;}
	.video .box .list{width: 500px;margin-top: 60px;margin-left: 25%;}
	.video .name{background: none;text-align: left;margin-left: 25%;}
	.course .title{margin-bottom: 50px;}
	.course .course_des .list{width: 100%;}
	.course .course_des .list .name{width: 20%;font-size: 30px;}
	.course .course_des .list .des{width: 70%;}
	.case_detail .main_right .content{width: 90%;}
	.download{margin-top: 46px;}
}
@media(max-width: 1135px){
	.goods .content{width:600px;}
}
@media(max-width: 1090px){
	.goods .content{width:500px;}
	#footer .nav .list{width: 300px;margin: 0 25px;}
	#footer .nav .list:last-child{width: 300px;margin: 0 25px;}
}
@media(max-width: 1000px){
	.index_title{font-size: 24px;}
	.index_title span em{margin-top: 13px;}
	#footer .message{text-align: center;}
	#footer .copyright{margin: 10px 20px;float: none;display: inline-block;vertical-align: middle;}
	#footer .share{margin: 10px 20px;float: none;display: inline-block;vertical-align: middle;}
	.goods .up{text-align: center;}
	.goods .photo{float: none;display:inline-block;height: auto;margin-bottom: 20px;}
	.goods .content{width: 96%;margin: 10px 2%;text-align: left;}
	.video .box .list{margin-left: 10%;}
	.video .name{margin-left: 8%;}
	.course .course_des .list{margin-bottom: 20px;display: inline-block;}
	.course .course_des .time_line{display: none;}
	.course .course_des .next.on{display: none;}
	.location .border{border: none;}
	.index_info .list .time{display: none;}
}
@media(max-width: 950px){
	#header .header_top{text-align: center;}
	#header .phone,#header .func{float: none;display: inline-block;vertical-align: middle;}
	#header .func{margin: 10px auto;}
	#nav .nav{display: none;}
	#m_nav{position: relative;display: block;width: 100%;height: 58px;background: #333333;text-align: center;line-height: 56px;z-index: 100;}
	#m_nav .item{display: inline-block;width: 100%;}
	#m_nav .menu_btn{display: inline-block;font-size: 18px;color: white;}
	#m_nav .menu_item{height: 56px;}
	#m_nav .menu_btn .symbol{display: inline-block; width: 30px; height: 30px; margin: 0 10px 0 0; background: url(../images/header_navi_menu_symbol.png); vertical-align: middle; }
	#m_nav .nav_item{display: none;min-height: 35px;line-height: 35px;background: #333333;}
	#m_nav .nav_item a{font-size: 16px;color: white;}
	#m_nav.on .nav_item{display: block;}
	#m_nav .nav_item .sec_nav a{font-size: 14px;}
	#m_nav .third{display: none;}
	#m_nav .nav_item .third a{font-size: 12px;}
	#m_nav .third,#m_nav .sec_nav{display: none;}
	#m_nav .nav_item.on .sec_nav{display: block;}
	#m_nav .sub_name.on .third{display: block;}
	.featured .top_tab .list{height: 50px;}
	.featured .top_tab .list .name{padding: 5px 0;}
	.featured .top_tab .list:last-child{}
	.featured .content{margin-top: 10px;}
	.featured .top_tab .list.on .img_show,.featured .top_tab .list.on .img_hide,.featured .top_tab .list .img_show,.featured .top_tab .list .img_hide{display: none;}
}
@media(max-width: 890px){
	.choose .content .list{margin:0 20px 50px 20px;}
	.featured .top_tab .list{margin: 10px 20px;}
	.featured .top_tab .list:last-child{margin: 0 20px;}
	.index_info .content_right{width: 50%;}
	.index_info .list .detail{width: 200px;}
	.course .course_des .list{margin-bottom: 20px;display: inline-block;}
	.course .course_des .list .name{float: none;width: 100%;height: auto;line-height: normal;margin-bottom: 5px;text-align: left;}
	.course .course_des .list .des{float: none;width: 100%;text-align: left;margin-left: 0;}
	.course .title{margin: 20px 0;}
	.course .course_des .time_line{display: none;}
}
@media(max-width: 844px) and (min-width: 769px){
	
}
@media(max-width: 768px){
	#nav{text-align: center;}
	#nav .logo{float: none;margin: 10px;display: inline-block;}
	#nav .logo_msg{float: none;margin: 10px;display: inline-block;border: none;}
	#footer .nav .list{width: 250px;margin: 0 5px;}
	#footer .nav .list:last-child{width: 250px;margin: 0 5px;}
	#footer .nav .list.mr0{margin: 0 5px;}
	#footer .nav .title{padding-top: 30px;}
	.case_detail .main_right ul li,.case_detail .main_right ul li.mr0,.products .main_right ul li,.products .main_right ul li.mr0{margin: 15px 5px;}
	.video .box .list{width: 320px;margin-top: 60px;margin-left: 15%;}
	.video .name{background: none;text-align: left;margin-left: 5%;}
	#float_chat{display: none;}
	.goods .content .attr .list{width: 96%;}
	.featured .top_tab .list{width: 100%;height: 25px;margin: 5px 0;}
	.featured .top_tab .list:last-child{margin: 5px 0;}
	.featured .top_tab .list .name{padding: 0;}
	.location .bread{margin: 5px 0;}
	.sitemap_box .sitemap_body{width: 48%;}
}
@media(max-width: 720px){
	.contant_detail .list{width: 300px !important;margin: 15px 5% !important;}
	.contant_detail .list .brief .name,.contant_detail .list.email .name{width: 60px!important;margin-left: 0!important;}
	.contant_detail .list .brief .detail,.contant_detail .list.email .detail{width: 230px!important;}
}
@media(max-width: 700px){
	.index_info .list .time{display: none;}
	.index_info .list .detail{width: 60%;}
	.index_info .content_right .list{width: 60% !important;}
	.index_info .list .brief{margin-top: 5px;}
}
@media(max-width: 635px){
	.info .main_right .photo{float: none;display:inline-block;width: 100%;text-align: center;}
	.info .main_right .detail{float: none;display:inline-block;width: 100%;margin: 0 auto;}
}
@media(max-width: 610px){
	.case .list{width: 90%;background:white !important;}
	.case .list .detail{width: 100%;}
	.case .e1 .detail, .case .e2 .detail,.case .e3 .detail, .case .e4 .detail{background: none;}
	.case .list .img,.case .case_logo{display: none;}
	.case .e1 .detail, .case .e2 .detail{left: 0;}
	.case .list .name,.case .list .des,.case .more{margin-left: 30px;}
	.video .box .list{margin-left: 10%;}
	.video .name{font-size: 16px;}
}
@media(max-width: 550px){
	.faq .list .question .photo,.faq .list .answer .photo{width: 20%;}
	.faq .list .answer .detail{margin-right: 5px;}
	#lib_feedback_form .rows label,#lib_inquire_list>form .rows label{width: 96%;text-align: left;}
	#lib_feedback_form .rows span,#lib_inquire_list>form .rows span{width: 96%;padding: 0 2%;}
	#lib_inquire_list>form .rows label{padding: 0 2%;text-indent: 0;}
	#lib_inquire_list>form .rows span .input,#lib_feedback_form .rows span .input, #lib_feedback_form .rows .form_area{width: 96%;}
	#lib_inquire_list>form .rows span select,#lib_inquire_list>form .rows span .contents{width: 96%;padding: 0 2%;}
	.sitemap_box .sitemap_body{width: 100%;}
	.partner{text-align: center;}
	.partner .list,.partner .list.mr0{width: 35%;height: auto;margin: 5%;}
}
@media(max-width: 510px){
	.goods .big_img,.goods .photo{width: 100%;}
	.goods .description .title .list{font-size: 14px;padding: 0 15px 0 10px}
	.goods .small_img, .goods .small_img .scroll{width: 100%;}
	.bx-controls-direction{display: none;}
	.index_info{width: 100%;overflow: hidden;}
	.index_info .content_right .list{}
	.index_info .content_left{width: auto;}
	.index_info .btn{left: 0;}
	.index_info .content_right{width: 235px;overflow: hidden;}
	/*.index_info .content_right .list{margin-left: 5px;}*/
	.index_info .left_title{display: none;}
	.video .box .list{margin-left: 2%;}
	.video .name{margin-left: 0;}
	#header .func{text-align: center;}
	#header .func .language,#header .func .follow,#header .search_box{float: none;display: inline-block;vertical-align: middle;}
}
@media(max-width: 445px){
	#header .phone{font-size: 12px;}
	#header .phone span{font-size: 12px;}
	#lib_inquire_list>form .rows span .input,#lib_feedback_form .rows span .input,#lib_feedback_form .rows .form_area{width: 96%;}
	.faq .list .question .photo,.faq .list .answer .photo{display: none;}
	.faq .list .answer .detail,.faq .list .question .detail{width: 90%;margin-bottom: 20px;line-height: normal;}
	.faq .list .question{margin-bottom: 20px;}
	#footer .nav .list:last-child{width: 300px;}
	#footer .share{margin-bottom: 71px;text-align: center;}
	/*#footer .share .item{margin: 0 5px;}*/
	#footer .share a{display: inline-block;vertical-align: middle;}
	.featured .top_tab .list,.featured .top_tab .list:last-child{width: 90%;margin: 5px 5%;}
	.index_info{position: relative;}
	.index_info .btn .left_btn{position: absolute;left: 10px;}
	.index_info .btn .right_btn{position: absolute;right: 10px;}
	.index_info .list .author{margin-top: 10px;}
	.index_info .list .brief{width: 200px;}
	.mobile_btn{display: block;}
	.btn{display: none;}
	.products .main_right .pro_msg .btn{display: block;}
	.index_info .mobile_btn{display: block;}
	.index_info .mobile_btn .left_btn{float: none;}
	.index_info .mobile_btn .right_btn{float: none;right: -385px;z-index: 1;}
	.article .top_tab .list{width: 94%;}
	.faq .list .question .detail span{padding: 10px 0;margin: 5px;}

	/*首页*/
	/*.choose .content .list{width: 150px;height: auto;background-size: 100% 100%;margin: 15px 10px;}
	.choose .content .list:hover{width: 150px;background-size: 100% 100%;}
	.choose .content .list .photo{width: 150px;height: auto;margin-top: 15px;}
	.choose .content .list .photo img{width: 80%;height: auto;}
	.choose .content .list .name{margin: 5px 0 5px 0;height: 20px;padding-bottom: 0;overflow: hidden;background: none;}
	.choose .content .list .detail{width: 100%;height: 40px;margin: 10px 0;overflow: hidden;line-height: 20px;}*/
}
@media(max-width: 375px){
	.index_info .mobile_btn .right_btn{float: none;right: -350px;}
	.choose .content .list{margin: 15px 5px;}
}
@media(max-width: 321px){
	.index_info .mobile_btn .right_btn{display: none;}
	.choose .content .list{margin: 15px 0px;}
}